<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Unobtrusive Accessible jQuery Date/Time Picker</title>

	<script src="../../_jquery/jquery-1.3.2.js"></script>
	<script src="../datetime.jquery.js" type="text/javascript"></script>

	<script src="datetime.example.js" type="text/javascript"></script>

	<link rel="stylesheet" type="text/css" href="../datetime.css"/>
	<link rel="stylesheet" type="text/css" href="datetime.example.css"/>
</head>
<body>
	<h2>Unobtrusive Accessible jQuery Date/Time Picker</h2>

	<input type="text" value="2009-08-25 08:36:22" name="posted" id="posted" />

	<!--div class="datetime_main">
		<h2>Select a Date/Time</h2>
		<div class="datetime_year">
			<h3>Year</h3>
			<ul>
				<li><a href="">Previous</a></li>
				<li><a href="">####</a></li>
				<li><a href="">####</a></li>
				<li><a href="">####</a></li>
				<li><a href="">Next</a></li>
			</ul>
			<table cellpadding="0" cellspacing="0">
				<tr>
					<th colspan="3">
						<a href="">Select Year</a>
					</th>
				</tr>
				<tr>
					<td><a href="">0</a></td>
					<td><a href="">0</a></td>
					<td><a href="">0</a></td>
				</tr>
				<tr>
					<td><a href="">1</a></td>
					<td><a href="">1</a></td>
					<td><a href="">1</a></td>
				</tr>
				<tr>
					<td><a href="">2</a></td>
					<td><a href="">2</a></td>
					<td><a href="">2</a></td>
				</tr>
				<tr>
					<td><a href="">3</a></td>
					<td><a href="">3</a></td>
					<td><a href="">3</a></td>
				</tr>
				<tr>
					<td><a href="">4</a></td>
					<td><a href="">4</a></td>
					<td><a href="">4</a></td>
				</tr>
				<tr>
					<td><a href="">5</a></td>
					<td><a href="">5</a></td>
					<td><a href="">5</a></td>
				</tr>
				<tr>
					<td><a href="">6</a></td>
					<td><a href="">6</a></td>
					<td><a href="">6</a></td>
				</tr>
				<tr>
					<td><a href="">7</a></td>
					<td><a href="">7</a></td>
					<td><a href="">7</a></td>
				</tr>
				<tr>
					<td><a href="">8</a></td>
					<td><a href="">8</a></td>
					<td><a href="">8</a></td>
				</tr>
				<tr>
					<td><a href="">9</a></td>
					<td><a href="">9</a></td>
					<td><a href="">9</a></td>
				</tr>
			</table>
		</div>
		<div class="datetime_month">
			<h3>Month</h3>
			<ul>
				<li><a href="">Jan</a></li>
				<li><a href="">Feb</a></li>
				<li><a href="">Mar</a></li>
				<li><a href="">Apr</a></li>
				<li><a href="">May</a></li>
				<li><a href="">Jun</a></li>
				<li><a href="">Jul</a></li>
				<li><a href="">Aug</a></li>
				<li><a href="">Sep</a></li>
				<li><a href="">Oct</a></li>
				<li><a href="">Nov</a></li>
				<li><a href="">Dec</a></li>
			</ul>
		</div>
		<div class="datetime_day">
			<h3>Day</h3>
			<table cellpadding="0" cellspacing="0">
				<tr>
					<th>Sun</th>
					<th>Mon</th>
					<th>Tue</th>
					<th>Wed</th>
					<th>Thur</th>
					<th>Fri</th>
					<th>Sat</th>
				</tr>
				<tr>
					<td><a href="">1</a></td>
					<td><a href="">2</a></td>
					<td><a href="">3</a></td>
					<td><a href="">4</a></td>
					<td><a href="">5</a></td>
					<td><a href="">6</a></td>
					<td><a href="">7</a></td>
				</tr>
				<tr>
					<td><a href="">8</a></td>
					<td><a href="">9</a></td>
					<td><a href="">10</a></td>
					<td><a href="">11</a></td>
					<td><a href="">12</a></td>
					<td><a href="">13</a></td>
					<td><a href="">14</a></td>
				</tr>
				<tr>
					<td><a href="">15</a></td>
					<td><a href="">16</a></td>
					<td><a href="">17</a></td>
					<td><a href="">18</a></td>
					<td><a href="">19</a></td>
					<td><a href="">20</a></td>
					<td><a href="">21</a></td>
				</tr>
				<tr>
					<td><a href="">22</a></td>
					<td><a href="">23</a></td>
					<td><a href="">24</a></td>
					<td><a href="">25</a></td>
					<td><a href="">26</a></td>
					<td><a href="">27</a></td>
					<td><a href="">28</a></td>
				</tr>
				<tr>
					<td><a href="">29</a></td>
					<td><a href="">30</a></td>
					<td><a href="">31</a></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</table>
		</div>
		<div class="datetime_hour">
			<h3>Hour</h3>
			<ul>
				<li><a href="">12</a></li>
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a href="">5</a></li>
				<li><a href="">6</a></li>
				<li><a href="">7</a></li>
				<li><a href="">8</a></li>
				<li><a href="">9</a></li>
				<li><a href="">10</a></li>
				<li><a href="">11</a></li>
			</ul>
		</div>
		<div class="datetime_minute">
			<h3>Minute</h3>
			<ul class="datetime_tens">
				<li><a href="">0</a></li>
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a href="">5</a></li>
			</ul>
			<ul class="datetime_ones">
				<li><a href="">0</a></li>
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a href="">5</a></li>
				<li><a href="">6</a></li>
				<li><a href="">7</a></li>
				<li><a href="">8</a></li>
				<li><a href="">9</a></li>
			</ul>
		</div>
		<div class="datetime_ampm">
			<h3>AM/PM</h3>
			<ul>
				<li><a href="">AM</a></li>
				<li><a href="">PM</a></li>
			</ul>
		</div>
	</div -->
</body>
</html>